﻿<!DOCTYPE html>
<html>
  <head>
    <title>4.3 会员</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/4_3_会员/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/4_3_会员/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u3158" class="ax_default box_1">
        <div id="u3158_div" class=""></div>
        <div id="u3158_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3159" class="ax_default box_1">
        <img id="u3159_img" class="img " src="images/4_3_会员/u3159.svg"/>
        <div id="u3159_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- 蓝底 (矩形) -->
      <div id="u3160" class="ax_default box_1" data-label="蓝底">
        <img id="u3160_img" class="img " src="images/4_3_会员/蓝底_u3160.svg"/>
        <div id="u3160_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3161" class="ax_default label">
        <div id="u3161_div" class=""></div>
        <div id="u3161_text" class="text ">
          <p><span>Monstime</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3162" class="ax_default label">
        <div id="u3162_div" class=""></div>
        <div id="u3162_text" class="text ">
          <p><span>F · 2000/01/01 · 广州&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3163" class="ax_default label">
        <div id="u3163_div" class=""></div>
        <div id="u3163_text" class="text ">
          <p><span>尚未拥有</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u3164" class="ax_default line">
        <img id="u3164_img" class="img " src="images/3__成就页/u2279.svg"/>
        <div id="u3164_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3165" class="ax_default image">
        <img id="u3165_img" class="img " src="images/4_3_会员/u3165.png"/>
        <div id="u3165_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3166" class="ax_default label">
        <div id="u3166_div" class=""></div>
        <div id="u3166_text" class="text ">
          <p><span>ID:***********</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u3167" class="ax_default line">
        <img id="u3167_img" class="img " src="images/3__成就页/u2280.svg"/>
        <div id="u3167_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3168" class="ax_default label">
        <div id="u3168_div" class=""></div>
        <div id="u3168_text" class="text ">
          <p><span>VIP</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3169" class="ax_default label">
        <div id="u3169_div" class=""></div>
        <div id="u3169_text" class="text ">
          <p><span style="text-decoration:underline ;">编辑个人资料</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆) -->
      <div id="u3170" class="ax_default ellipse">
        <img id="u3170_img" class="img " src="images/4_3_会员/u3170.svg"/>
        <div id="u3170_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3171" class="ax_default box_1">
        <img id="u3171_img" class="img " src="images/4_3_会员/u3171.svg"/>
        <div id="u3171_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3172" class="ax_default label">
        <div id="u3172_div" class=""></div>
        <div id="u3172_text" class="text ">
          <p><span>会员权限有哪些？</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3173" class="ax_default label">
        <div id="u3173_div" class=""></div>
        <div id="u3173_text" class="text ">
          <p><span>解锁更多学习资料</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3174" class="ax_default label">
        <div id="u3174_div" class=""></div>
        <div id="u3174_text" class="text ">
          <p><span>解锁所有白噪音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3175" class="ax_default label">
        <div id="u3175_div" class=""></div>
        <div id="u3175_text" class="text ">
          <p><span>解锁全部数据统计功能</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3176" class="ax_default label">
        <div id="u3176_div" class=""></div>
        <div id="u3176_text" class="text ">
          <p><span>解锁所有自习室功能</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3177" class="ax_default label">
        <div id="u3177_div" class=""></div>
        <div id="u3177_text" class="text ">
          <p><span>可在商城换取更多的优质学习资源</span></p><p><span>使学习更加高效</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3178" class="ax_default label">
        <div id="u3178_div" class=""></div>
        <div id="u3178_text" class="text ">
          <p><span>更多舒适的背景音乐或白噪音可供选择</span></p><p><span>降低环境的嘈杂来提高用户的工作效率</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3179" class="ax_default label">
        <div id="u3179_div" class=""></div>
        <div id="u3179_text" class="text ">
          <p><span>解锁更多可视化数据</span></p><p><span>从不同维度可视化用户专注情况</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3180" class="ax_default label">
        <div id="u3180_div" class=""></div>
        <div id="u3180_text" class="text ">
          <p><span>添加密码、时长要求等功能选项</span></p><p><span>强化学习氛围</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u3181" class="ax_default" data-left="541" data-top="789" data-width="353" data-height="83">

        <!-- Unnamed (矩形) -->
        <div id="u3182" class="ax_default box_3">
          <div id="u3182_div" class=""></div>
          <div id="u3182_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3183" class="ax_default label">
          <div id="u3183_div" class=""></div>
          <div id="u3183_text" class="text ">
            <p><span>点击购买￥3.99 一个月 </span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3184" class="ax_default label">
          <div id="u3184_div" class=""></div>
          <div id="u3184_text" class="text ">
            <p><span>点击查看更多优惠方案</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3185" class="ax_default image">
        <img id="u3185_img" class="img " src="images/4_3_会员/u3185.png"/>
        <div id="u3185_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u3186" class="ax_default" data-left="500" data-top="50" data-width="453" data-height="886">

        <!-- Unnamed (矩形) -->
        <div id="u3187" class="ax_default box_1">
          <div id="u3187_div" class=""></div>
          <div id="u3187_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3188" class="ax_default image">
          <img id="u3188_img" class="img " src="images/0__logo___载入/u267.png"/>
          <div id="u3188_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3189" class="ax_default image">
          <img id="u3189_img" class="img " src="images/0__logo___载入/u268.png"/>
          <div id="u3189_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3190" class="ax_default image">
          <img id="u3190_img" class="img " src="images/0__logo___载入/u269.png"/>
          <div id="u3190_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3191" class="ax_default image">
          <img id="u3191_img" class="img " src="images/0__logo___载入/u270.png"/>
          <div id="u3191_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Status Bar) -->

        <!-- Unnamed (图片) -->
        <div id="u3193" class="ax_default image">
          <img id="u3193_img" class="img " src="images/0__logo___载入/u272.png"/>
          <div id="u3193_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
        <div id="u3192" style="display:none; visibility:hidden;"></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3194" class="ax_default image">
        <img id="u3194_img" class="img " src="images/4_1_登录/u2986.png"/>
        <div id="u3194_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3195" class="ax_default icon selected">
        <img id="u3195_img" class="img " src="images/4__我的/u2950.svg"/>
        <div id="u3195_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u3196" class="ax_default ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u3196_state0" class="panel_state" data-label="State1" style="">
          <div id="u3196_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u3197" class="ax_default box_1 selected">
              <img id="u3197_img" class="img " src="images/4__我的/u2976.svg"/>
              <div id="u3197_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3198" class="ax_default box_1 selected">
              <div id="u3198_div" class="selected"></div>
              <div id="u3198_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u3199" class="ax_default" data-left="122" data-top="561" data-width="146" data-height="36">

              <!-- Unnamed (矩形) -->
              <div id="u3200" class="ax_default box_2 selected">
                <div id="u3200_div" class="selected"></div>
                <div id="u3200_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3201" class="ax_default label selected">
                <div id="u3201_div" class="selected"></div>
                <div id="u3201_text" class="text ">
                  <p><span>微信支付</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u3202" class="ax_default" data-left="122" data-top="613" data-width="146" data-height="36">

              <!-- Unnamed (矩形) -->
              <div id="u3203" class="ax_default box_2 selected">
                <div id="u3203_div" class="selected"></div>
                <div id="u3203_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3204" class="ax_default label selected">
                <div id="u3204_div" class="selected"></div>
                <div id="u3204_text" class="text ">
                  <p><span>支付宝支付</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3205" class="ax_default image selected">
              <img id="u3205_img" class="img " src="images/4_3_会员/u3205.png"/>
              <div id="u3205_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- 1 (组合) -->
            <div id="u3206" class="ax_default" data-label="1" data-left="66" data-top="277" data-width="270" data-height="36">

              <!-- Unnamed (矩形) -->
              <div id="u3207" class="ax_default box_2 selected">
                <div id="u3207_div" class="selected"></div>
                <div id="u3207_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3208" class="ax_default label selected">
                <div id="u3208_div" class="selected"></div>
                <div id="u3208_text" class="text ">
                  <p><span>1 个月</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3209" class="ax_default label selected">
                <div id="u3209_div" class="selected"></div>
                <div id="u3209_text" class="text ">
                  <p><span>￥3.99</span></p>
                </div>
              </div>
            </div>

            <!-- 2 (组合) -->
            <div id="u3210" class="ax_default" data-label="2" data-left="66" data-top="335" data-width="270" data-height="36">

              <!-- Unnamed (矩形) -->
              <div id="u3211" class="ax_default box_2">
                <div id="u3211_div" class=""></div>
                <div id="u3211_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3212" class="ax_default label">
                <div id="u3212_div" class=""></div>
                <div id="u3212_text" class="text ">
                  <p><span>2 个月</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3213" class="ax_default label">
                <div id="u3213_div" class=""></div>
                <div id="u3213_text" class="text ">
                  <p><span>￥6.99</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3214" class="ax_default label">
                <div id="u3214_div" class=""></div>
                <div id="u3214_text" class="text ">
                  <p><span style="text-decoration:line-through ;">￥7.48</span></p>
                </div>
              </div>
            </div>

            <!-- 3 (组合) -->
            <div id="u3215" class="ax_default" data-label="3" data-left="66" data-top="391" data-width="270" data-height="36">

              <!-- Unnamed (矩形) -->
              <div id="u3216" class="ax_default box_2">
                <div id="u3216_div" class=""></div>
                <div id="u3216_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3217" class="ax_default label">
                <div id="u3217_div" class=""></div>
                <div id="u3217_text" class="text ">
                  <p><span>3 个月</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3218" class="ax_default label">
                <div id="u3218_div" class=""></div>
                <div id="u3218_text" class="text ">
                  <p><span>￥9.99</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3219" class="ax_default label">
                <div id="u3219_div" class=""></div>
                <div id="u3219_text" class="text ">
                  <p><span style="text-decoration:line-through ;">￥10.99</span></p>
                </div>
              </div>
            </div>

            <!-- 6 (组合) -->
            <div id="u3220" class="ax_default" data-label="6" data-left="66" data-top="447" data-width="270" data-height="36">

              <!-- Unnamed (矩形) -->
              <div id="u3221" class="ax_default box_2">
                <div id="u3221_div" class=""></div>
                <div id="u3221_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3222" class="ax_default label">
                <div id="u3222_div" class=""></div>
                <div id="u3222_text" class="text ">
                  <p><span>6 个月</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3223" class="ax_default label">
                <div id="u3223_div" class=""></div>
                <div id="u3223_text" class="text ">
                  <p><span>￥18.99</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3224" class="ax_default label">
                <div id="u3224_div" class=""></div>
                <div id="u3224_text" class="text ">
                  <p><span style="text-decoration:line-through ;">￥22.49</span></p>
                </div>
              </div>
            </div>

            <!-- 12 (组合) -->
            <div id="u3225" class="ax_default" data-label="12" data-left="66" data-top="503" data-width="270" data-height="36">

              <!-- Unnamed (矩形) -->
              <div id="u3226" class="ax_default box_2">
                <div id="u3226_div" class=""></div>
                <div id="u3226_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3227" class="ax_default label">
                <div id="u3227_div" class=""></div>
                <div id="u3227_text" class="text ">
                  <p><span>1年</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3228" class="ax_default label">
                <div id="u3228_div" class=""></div>
                <div id="u3228_text" class="text ">
                  <p><span>￥37.99</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3229" class="ax_default label">
                <div id="u3229_div" class=""></div>
                <div id="u3229_text" class="text ">
                  <p><span style="text-decoration:line-through ;">￥44.99</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3230" class="ax_default _文本段落">
        <div id="u3230_div" class=""></div>
        <div id="u3230_text" class="text ">
          <p style="font-size:32px;"><span>请操作：</span></p><p style="font-size:20px;"><span><br></span></p><p style="font-size:20px;"><span>1.用户点击左上角“&lt;”可返回上一页面</span></p><p style="font-size:20px;"><span><br></span></p><p style="font-size:20px;"><span>2.用户可点击下方立即购买按钮，弹出弹窗</span></p><p style="font-size:20px;"><span><br></span></p><p style="font-size:20px;"><span>3.用户可在弹窗内选择会员购买时长，最低购买时长为一个月，最高为一年。选择完成后用户可在下方选择点击按钮选择微信或支付宝完成支付操作</span></p><p style="font-size:20px;"><span><br></span></p><p style="font-size:20px;"><span><br></span></p><p style="font-size:24px;"><span><br></span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
